/* bottom  开始 */
#bottom {
    background: #292a2c;

    .bottom {
        // height: 418px;
        padding-top: 40px;

        .bottom-t {
            padding-bottom: 30px;

            dl {
                float: left;
                margin-left: 8px;
                margin-right: 16px;
                border-right: 1px solid #27282a;
                width: 15%;

                dt {
                    color: #ccc;
                    font-size: 16px;
                    margin-bottom: 7px;
                    overflow: hidden;

                    i {
                        width: 26px;
                        height: 26px;
                        background: url("./../images/index/spriter4.png") no-repeat;
                        margin-right: 10px;
                        float: left;
                    }

                    span {
                        float: left;
                    }

                }

                dd {
                    margin-left: 38px;
                    line-height: 2;

                    a:hover {
                        color: #fff !important;
                    }
                }
            }

            dl:nth-of-type(1) {
                i {
                    background-position: 0px -60px;
                }
            }

            dl:nth-of-type(2) {
                i {
                    background-position: 0px -60px;
                }
            }

            dl:nth-of-type(3) {
                i {
                    background-position: 0px -60px;
                }
            }

            dl:nth-of-type(4) {
                i {
                    background-position: 0px -60px;
                }
            }

            dl:nth-of-type(5) {
                i {
                    background-position: 0px -60px;
                }
            }

            dl:nth-of-type(2n-1) {
                border-right: none;
            }

            .bottom-t-right {
                p {
                    width: 158px;
                    height: 21px;
                    font-size: 14px;
                    line-height: 21px;
                    text-align: center;
                    color: #ccc;
                }

                .item {
                    overflow: hidden;
                    margin-top: 14px;

                    span {
                        width: 30px;
                        height: 30px;
                        float: left;
                        display: block;
                        background: #1a1a1a;

                        i {
                            background: url("./../images/index/sprite5.png") no-repeat;
                            display: block;
                            width: 18px;
                            height: 20px;
                            margin-left: 4px;
                            margin-top: 7px;
                        }
                    }

                    a {
                        float: left;
                        display: block;
                        background: #222;
                        text-align: center;
                        width: 128px;
                        height: 30px;
                        line-height: 30px;
                        color: #666;
                    }

                    a:hover {
                        background: #4e4e4e;
                        color: #b3b3b3;
                    }
                }

                .item:first-of-type {
                    i {
                        background-position: -182px -70px;
                    }
                }

                .item:last-of-type {
                    i {
                        background-position: -208px -70px;
                    }
                }
            }
        }

        .ely-ft-link {
            padding: 6px 0;
            position: relative;
            border-top: 1px dotted #3f4042;
            color: #5c5c5c;

            p {
                padding-right: 50px;
                height: 24px;

                a {
                    padding: 0 8px;
                    color: #5c5c5c;
                    position: relative;
                }

                a::after {
                    position: absolute;
                    top: 4px;
                    right: 0;
                    content: "";
                    display: inline-block;
                    width: 1px;
                    height: 12px;
                    background-color: #5c5c5c;
                }

                a:hover {
                    color: #fff;
                }
            }

            i {
                position: absolute;
                bottom: 10px;
                right: 2px;
                cursor: pointer;
                width: 15px;
                height: 15px;
                background: url("./../images/index/spriter6.png") no-repeat;
                background-position: -99px 0;
            }
        }

        .ely-ft-about {
            padding-top: 18px;
            padding-bottom: 9px;
            border-top: 1px dotted #3f4042;

            p {
                a {
                    padding: 0 5px;
                    color: #999;
                    position: relative;
                }

                a::after {
                    position: absolute;
                    top: 4px;
                    right: -3px;
                    content: "";
                    display: inline-block;
                    width: 1px;
                    height: 12px;
                    background-color: #5c5c5c;
                }

                a:hover {
                    color: #fff;
                }

                a:last-of-type::after {
                    content: "";
                    width: 0;
                    height: 0;
                }
            }
        }

        .ely-ft-copyright {
            padding-bottom: 11px;
            color: #999;

            a {
                color: #999;
            }

            a:hover {
                color: #fff;
            }
        }

        .ely-ft-rz {
            padding-bottom: 11px;
            color: #999;

            ul {
                overflow: hidden;
                width: 100%;

                li {
                    float: left;
                    margin-right: 15px;
                    position: relative;
                    cursor: pointer;

                    a {
                        color: #999;
                        display: block;
                    }
                }

                li::after {
                    content: "";
                    display: block;
                    position: absolute;
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: 100%;
                    background: rgba(0, 0, 0, .4);
                }

                li:hover::after {
                    background: rgba(0, 0, 0, 0);
                }
            }
        }
    }
}

/* bottom  结束 */